<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>周边配套</title>
    <link rel="stylesheet" href="map.css">
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nxW0akynjKF8Ag0G0uVVwq0t6ak1Q1Zj">   </script>
    <script src="//api.map.baidu.com/api?v=2.0&amp;ak=dASz7ubuSpHidP1oQWKuAK3q&amp;callback=mapInitialize"></script>
    <script src="https://api.map.baidu.com/getscript?v=2.0&amp;ak=dASz7ubuSpHidP1oQWKuAK3q&amp;services=&amp;t=20200327103013"></script>
 
</head>

<body>
    <!-- 周边配套 -->
    <div class="around" id="around">
        <h2 class="aroundTitle">周边配套</h2>
        <div class="aroundContainer">
            <div class="aroundMap" id="map">
            </div>
            <div class="tabBox">
                <ul class="aroundType">
                    <li class="LOGCLICK" data-log_evtid='10242' data-bl="traffic" data-key="地铁站,公交站"
                        data-index="subway,bus" data-length="10,10">交通</li>
                    <li class="LOGCLICK" data-log_evtid='10242' data-bl="education" data-key="幼儿园,小学,中学,大学"
                        data-index="kindergarten,primary-school,middle-school,University" data-length="10,10,10,10">教育
                    </li>
                    <li class="LOGCLICK" data-log_evtid='10242' data-bl="medical" data-key="医院,药店"
                        data-index="hospital,pharmacy" data-length="10,10">医疗</li>
                    <li class="LOGCLICK" data-log_evtid='10242' data-bl="shopping" data-key="商场,超市,市场"
                        data-index="mall,supermarket,market" data-length="10,10,10">购物</li>
                    <li class="LOGCLICK" data-log_evtid='10242' data-bl="life" data-key="银行,ATM,餐厅,咖啡馆"
                        data-index="bank,atm,restaurant,coffee" data-length="10,10,10,10">生活</li>
                    <li class="LOGCLICK" data-log_evtid='10242' data-bl="entertainment" data-key="公园,电影院,健身房,体育馆"
                        data-index="park,cinema,gym,sport" data-length="10,10,10,10">娱乐</li>
                </ul>
                <div class="itemTagBox"></div>
                <div class="aroundList" id="mapListContainer"></div>
                <div class="loading">
                    <img src="https://s1.ljcdn.com/feroot/pc/asset/ershoufang/sellDetail/img/loading.gif?_v=20200714160941"
                        class="loadingImg">
                    <span class="loadingText">努力加载中...</span>
                </div>
            </div>
        </div>
    </div>
    <script type="text/template" id="mapListTpl">
        <!-- <div class="name"><%=keyword%></div> -->
        <ul class="itemBox">
          <%for(var i = 0;i < list.length;i++){%>
            <li data-index="<%=i%>">
              <div class="itemText">
                <span class="itemTitle"><%=list[i].title%></span>
                <span class="itemdistance"><%=list[i].distance%></span>
                <span class="itemTime"><%=list[i].time%></span>
              </div>
              <div class="itemInfo"><%=list[i].address%></div>
            </li>
          <%}%>
        </ul>
    </script>
    <script type="text/javascript">
        // 百度地图API功能
        var map = new BMap.Map("map");            // 创建Map实例
        var mPoint = new BMap.Point(116.404, 39.915);  
        map.enableScrollWheelZoom();
        map.centerAndZoom(mPoint,16);
    
        var circle = new BMap.Circle(mPoint,1000,{fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0, strokeOpacity: 0});
        map.addOverlay(circle);
        var local =  new BMap.LocalSearch(map, {renderOptions: {map: map, autoViewport: false}});  
        var titlist=""

        local.searchNearby('公交',mPoint,1000);
    </script> 
</body>

</html>